<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="robots" content="index,follow,noarchive">
    <meta name="googlebot" content="noarchive">
    <title>请按下列信息转账并付款...</title>
    <link href="/static/css/personalprod.transfer-1.6.css" rel="stylesheet" type="text/css">
    <script src="/static/js/jquery-1.7.2.min.js"></script>
    <script src="/static/js/ZeroClipboard.min.js"></script>
    <script>
        $(document).ready(function () {
            var clip = new ZeroClipboard($('.clip_button'), {
                moviePath: 'js/ZeroClipboard.swf'
            });

            clip.on('ready', function () {
                this.on('aftercopy', function (event) {
                    $(event.target).next(".clip_tips").html("复制成功【" + event.data['text/plain'] + "】");
                    //alert("复制成功【" + event.data['text/plain'] + "】");
                });
            });

            clip.on('error', function (event) {
                alert('error[name="' + event.name + '"]: ' + event.message);
                ZeroClipboard.destroy();
            });

            $(".ui-tab4-trigger-item").on('click', function () {
                $(".ui-tab4-trigger-item").removeClass('ui-tab4-trigger-item-current');
                $(this).addClass('ui-tab4-trigger-item-current');
                $('.content-box').addClass('fn-hide');
                $("#" + $(this).attr('data-box-target')).removeClass('fn-hide');
            });
        });
    </script>
</head>
<body style="margin-top:20px;">
<div class="ui-grid-20 ui-grid-center">
    <div class="content payment">
        <div class="page-head">
            <div class="ui-tab4">
                <ul class="ui-tab4-trigger fn-clear">

                    <li class="ui-tab4-trigger-item ui-tab4-trigger-item-current" data-box-target="box-2"><a
                            class="ui-tab4-trigger-text needIframe" href="javascript:void(0);">支付宝网页在线付款</a></li>
                    <li class="ui-tab4-trigger-item" data-box-target="box-3"><a class="ui-tab4-trigger-text needIframe"
                                                                                href="javascript:void(0);">支付宝手动转账付款</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="out-border">

            <div id="box-2" class="rbox content-box">
                <div class="ui-tiptext-container2"><p class="ui-tiptext-message2 ui-tiptext-red "> 温馨提示：请按下面步骤分别操作！</p>

                    <p class="ui-tiptext-message2 ui-tiptext-black fn-hide"><a target="_blank" href=""></a></p></div>
                <div class="ui-form-input2">
                    <div class="ui-form-item2 yui-ac"><p style="padding:2px; font-size:14px;">
                        步骤一：点击下方按钮登录您的支付宝后返回本页面</p>

                        <p style="padding:2px; font-size:14px; color:#ff0000;">(支付宝如果已经登录了的可跳过此步) </p>

                        <div class="ui-button ui-button-mblue"><a hidefocus="hidefocus" href="http://www.alipay.com"
                                                                  target="_blank" class="ui-button-text">登录支付宝</a></div>
                    </div>
                    <div class="ui-form-item2 yui-ac"><p style="padding:2px; font-size:14px;">步骤二：点击下方按钮后即可到达充值页面</p>

                        <div class="ui-button ui-button-mblue">
                            <a hidefocus="hidefocus"
                               href="http://demo.myshopex.com/plugins/app/pay_myshopexcard/pay_myshopexcard.php?url=https%3A%2F%2Fshenghuo.alipay.com%2Fsend%2Fpayment%2FtaobaoSellerFill.htm%3FnickName%3Dyiditushe%26payAmount%3D{{ price }}%26title%3D14496922648922%26memo%3D%25B6%25A9%25B5%25A5%25D6%25A7%25B8%25B6%25A3%25BA20151210033712"
                               target="_blank" class="ui-button-text">前往立即付款</a>
                        </div>
                    </div>
                    <div class="ui-form-item2 yui-ac"><p style="padding:2px; font-size:14px; color:#ff0000;">
                        付款完成后将自动为您完成交易</p></div>
                </div>
            </div>
            <div id="box-3" class="rbox content-box fn-hide">
                <div class="ui-tiptext-container2"><p class="ui-tiptext-message2 ui-tiptext-red ">
                    温馨提示：请务必按照下面的内容填写到支付宝转账页面进行转账付款，否则将不能自动到账，谢谢！</p>

                    <p class="ui-tiptext-message2 ui-tiptext-black fn-hide"><a target="_blank" href=""></a></p></div>
                <div class="ui-form-input2">
                    <fieldset>
                        <div class="ui-form-item2 yui-ac"><label for="" class="ui-form-label2">收款人：</label> <input
                                placeholder="邮箱地址/手机号码" readonly="true" value="yiditushe@qq.com" name="optEmail"
                                maxlength="80" class=" fn-left i-text " seed="fz_input_fdemail" id="optEmail"
                                isdisplay="true" ui-form-explain2=" " autocomplete="off">
                            <button class="clip_button button green" title="单击复制到剪贴板" data-clipboard-target="optEmail"
                                    data-clipboard-text="1666727747@qq.com">复制
                            </button>
                            <span class="clip_tips"></span></div>
                        <div class="ui-form-item2" id="forAmount">
                            <label class="ui-form-label2"
                                   for="amount">付款金额：</label>
                            <input type="text"
                                   data-explain=""
                                   readonly="true"
                                   value="{{ price }}"
                                   id="payAmount"
                                   class="i-text i-text-amount"
                                   maxlength="13"
                                   name="payAmount"
                                   seed="fk_input_money"
                                   ui-form-explain2="">元
                            <button class="clip_button button green" title="单击复制到剪贴板" data-clipboard-target="payAmount"
                                    data-clipboard-text="{{ price }}">复制
                            </button>
                            <span class="clip_tips"></span></div>
                        <div class="ui-form-item2"><label class="ui-form-label2" for="reason">付款说明：</label> <input
                                type="text" placeholder="转账" readonly="true" id="title" maxlength="40" class="i-text"
                                value="14496922648922" name="title" seed="fk_input_reason" ui-form-explain2=" ">
                            <button class="clip_button button green" title="单击复制到剪贴板" data-clipboard-target="title"
                                    data-clipboard-text="14496922648922">复制
                            </button>
                            <span class="clip_tips"></span></div>
                        <div id="commentsArea" class="ui-form-item2"><label class="ui-form-label2">备注：</label> <textarea
                                seed="comments-area" class="i-textarea" name="memo" id="memo"
                                ui-form-explain2="备注内容对方可以看到。(还可以输入50个字）">订单支付：20151210033712</textarea>
                            <button class="clip_button button green" title="单击复制到剪贴板" data-clipboard-target="memo"
                                    data-clipboard-text="订单支付：20151210033712">复制
                            </button>
                            <span class="clip_tips"></span></div>
                    </fieldset>
                </div>
                <div class="ui-form-item2 button-item fn-clear">
                    <div class="ui-button ui-button-mblue">
                        <a hidefocus="hidefocus"
                           href="https://auth.alipay.com/login/index.htm?goto=https://shenghuo.alipay.com/send/payment/Ffill.htm?title=14496922648922"
                           target="_blank" class="ui-button-text">登录您的支付宝并开始转账...</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>